<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>景区预定系统 - 登录</title>
    <link rel="stylesheet" href="{{ url_for('static', filename='style.css') }}">
</head>
<body>
    <!-- 页面固定大小容器 -->
    <div class="page-container">
        <!-- 顶部背景图片 -->
        <div class="image-placeholder"></div>

        <!-- 登录面板 -->
        <div class="login-panel">
            <h1>景区预定系统</h1>
            <h2>登录</h2>

            <!-- 错误信息显示 -->
            {% if message %}
                <div class="error-message">
                    {{ message }}
                </div>
            {% endif %}

            <!-- 输入框 -->
            <form method="POST" action="{{ url_for('login') }}">
                <div class="input-group">
                    <span>&#128100;</span>
                    <input type="text" name="username" placeholder="请输入用户名" required>
                </div>
                <div class="input-group">
                    <span>&#128274;</span>
                    <input type="password" name="password" placeholder="请输入密码" required>
                </div>

                <!-- 按钮组 -->
                <div class="button-group">
                    <button onclick="window.location.href='{{ url_for('register') }}'">注册账号</button>
                    <button onclick="window.location.href='{{ url_for('forget') }}'">忘记密码</button>
                </div>

                <!-- 登录按钮 -->
                <button class="login-button" type="submit">登录</button>
            </form>
        </div>
    </div>
</body>
</html>

